---
title: "Accessibility Checker Rule Help: WCAG20_Form_HasSubmit"
---
import "../../../styles/ToolHelp.scss"
import { CodeSnippet, Tag } from "carbon-components-react";

<div className="toolHelp">
<Row>
<Column colLg={16} colMd={8} colSm={4} className="toolHead">

### Check the `<form>` element has a submit button or an image button

<div id="locLevel"></div>

A `<form>` element should have a submit button or an image button

</Column>
</Row>
<Row>
<Column colLg={11} colMd={5} colSm={4} className="toolMain">

### Why is this important?

Submit buttons and image buttons allow users to explicitly request submission of the form and to control the change of context. Forms that are submitted by other mechanisms might change the user's context before they are ready, causing frustration or confusion.

<div id="locSnippet"></div>

### What to do

* Provide a submit button using an `<input>` element with a `type="submit"` attribute;
* OR, uses a server-side script (specified in the action attribute) that redirects the user to the requested page (see Example 2 in [WCAG 2.1 technique H32](https://www.w3.org/WAI/WCAG21/Techniques/html/H32).)

</Column>
<Column colLg={5} colMd={3} colSm={4} className="toolLeft">

### About this requirement

[IBM 3.2.2 On Input](https://www.ibm.com/able/requirements/requirements/#3_2_2)
[WCAG 2.1 technique G80](https://www.w3.org/WAI/WCAG21/Techniques/html/H32)
[WCAG 2.1 technique G80](https://www.w3.org/WAI/WCAG21/Techniques/general/G80)

### Who does this affect?

* People using a screen reader, including blind, low vision and neurodivergent people
* People with cognitive limitations
* Many older adults

</Column>
</Row>
</div>

export default ({ children, _frontmatter }) => (<React.Fragment>{children}</React.Fragment>)
